<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/common.css">
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <title>菲博特</title>
</head>
<body>
<div class="header">
    <div class="contain">
        <div class="con-header">
            <a class="logo" href="index.html"></a>
            <div class="nav-right">
                <!--<ul class="nav navbar-nav">-->
                    <!--<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>-->
                    <!--<li><a href="#">Link</a></li>-->
                    <!--<li class="dropdown">-->
                        <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>-->
                        <!--<ul class="dropdown-menu">-->
                            <!--<li><a href="#">Action</a></li>-->
                            <!--<li><a href="#">Another action</a></li>-->
                            <!--<li><a href="#">Something else here</a></li>-->
                            <!--<li role="separator" class="divider"></li>-->
                            <!--<li><a href="#">Separated link</a></li>-->
                            <!--<li role="separator" class="divider"></li>-->
                            <!--<li><a href="#">One more separated link</a></li>-->
                        <!--</ul>-->
                    <!--</li>-->
                <!--</ul>-->
                <form class="navbar-form navbar-left">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">搜索</button>
                </form>
            </div>
        </div>
    </div>
    <div class="nav-tag">
        <ul class="nav nav-bar">
            <li class="nav-tabs">
                <a class="first-tab active" href="#">首页</a>
            </li>
            <li class="nav-tabs">
                <a class="first-tab" href="#">关于我们</a>
                <div class="sec-tab">
                    <ul>
                        <li><a href="views/anenst/introduce.html">公司概况</a></li>
                        <li><a href="#">总裁致辞</a></li>
                        <li><a href="#">发展历史</a></li>
                        <li><a href="#">集团架构</a></li>
                        <li><a href="#">文化理念</a></li>
                        <li><a href="#">员工风采</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-tabs">
                <a class="first-tab" href="#">媒体中心</a>
                <div class="sec-tab">
                    <ul>
                        <li><a href="./views/news.html">新闻动态</a></li>
                        <li><a href="./views/news.html">媒体报道</a></li>
                        <li><a href="#">专题报道</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-tabs">
                <a class="first-tab" href="#">公司产品</a>
                <div class="sec-tab">
                    <ul>
                        <li><a href="#">业务领域</a></li>
                        <li><a href="#">产品展示</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-tabs">
                <a class="first-tab" href="#">社会责任</a>
                <div class="sec-tab">
                    <ul>
                        <li><a href="#">爱心助学</a></li>
                        <li><a href="#">慈善捐助</a></li>
                        <li><a href="#">活动支持</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-tabs">
                <a class="first-tab" href="#">加入我们</a>
                <div class="sec-tab">
                    <ul>
                        <li><a href="#">人才战略</a></li>
                        <li><a href="#">员工成长</a></li>
                        <li><a href="#">工作机会</a></li>
                        <li><a href="#">联系hr</a></li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="contain">

    <div id="myCarousel" class="carousel slide" style="overflow: hidden">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/bg.jpg" alt="">
                <div class="carousel-caption">标题 1标题 1标题 1标题 1标题 1标题 1标题 1标题 1标题 1标题 1标题 1</div>
            </div>
            <div class="item">
                <img src="images/bg.jpg" alt="">
                <div class="carousel-caption">标题 2标题 2标题 2标题 2标题 2标题 2标题 2标题 2标题 2</div>
            </div>
            <div class="item">
                <img src="images/bg.jpg" alt="">
                <div class="carousel-caption">标题 3标题 3标题 3标题 3标题 3标题 3标题 3标题 3标题 3标题 3</div>
            </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="carousel-control left" href="#myCarousel"
           data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control right" href="#myCarousel"
           data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <div class="main-con contain">
        <div class="card">
           <div class="container">
               <div class="card-header">
                   <h3>焦点关注</h3>
               </div>
               <div class="card-body">
                   <ul class="focus-con">
                       <li class="active">
                           <div class="focus-box">
                               <div class="col-sm-6 img-con">
                                   <img src="images/_1483502523_8c3u38.jpg" alt="">
                               </div>
                               <div class="col-sm-6 content-con">
                                   <div class="jiaodian_content">
                                       <div class="jd_title clearfix">
                                           <div class="jd_title_l">
                                               <span class="jd_xinwen">新闻动态</span>
                                               <span>|</span>
                                               <span class="jd_yuefen">Jul 18</span>
                                           </div>
                                       </div>
                                       <div class="tu_wen">
                                           <div class="jd_content">
                                               <div class="jd_content1">
                                                   <span>绿叶生命科学加速全球化布局        </span>
                                               </div>
                                               <div class="jd_content2">
                            <span>绿叶生命科学集团（以下简称：绿叶生命科学）于7月16日宣布其在美国波士顿设立的研发中心正式投入运营。



波士顿研发中心是绿叶生命科学继新泽西研发中心...</span>
                                               </div>
                                               <div class="jd_content3">
                                                   <span><a href="#">阅读全文&nbsp;&gt;&gt;</a></span>
                                               </div>
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </li>
                       <li>
                           <div class="focus-box">
                               <div class="col-sm-6 img-con">
                                   <img src="images/_1501553862_n2369h.jpg" alt="">
                               </div>
                               <div class="col-sm-6 content-con">
                                   <div class="jiaodian_content">
                                       <div class="jd_title clearfix">
                                           <div class="jd_title_l">
                                               <span class="jd_xinwen">新闻动态</span>
                                               <span>|</span>
                                               <span class="jd_yuefen">Jul 18</span>
                                           </div>
                                       </div>
                                       <div class="tu_wen">
                                           <div class="jd_content">
                                               <div class="jd_content1">
                                                   <span>绿叶生命科学加速全球化布局        波士顿研发中心投入运营</span>
                                               </div>
                                               <div class="jd_content2">
                            <span>绿叶生命科学集团（以下简称：绿叶生命科学）于7月16日宣布其在美国波士顿设立的研发中心正式投入运营。



波士顿研发中心是绿叶生命科学继新泽西研发中心...</span>
                                               </div>
                                               <div class="jd_content3">
                                                   <span><a href="#">阅读全文&nbsp;&gt;&gt;</a></span>
                                               </div>
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </div>

                       </li>
                       <li>
                           <div class="focus-box">
                               <div class="col-sm-6 img-con">
                                   <img src="images/_1501553989_mdtixs.jpg" alt="">
                               </div>
                               <div class="col-sm-6 content-con">
                                   <div class="jiaodian_content">
                                       <div class="jd_title clearfix">
                                           <div class="jd_title_l">
                                               <span class="jd_xinwen">新闻动态</span>
                                               <span>|</span>
                                               <span class="jd_yuefen">Jul 19</span>
                                           </div>
                                       </div>
                                       <div class="tu_wen">
                                           <div class="jd_content">
                                               <div class="jd_content1">
                                                   <span>        波士顿研发中心投入运营</span>
                                               </div>
                                               <div class="jd_content2">
                            <span>绿叶生命科学集团（以下简称：绿叶生命科学）于7月16日宣布其在美国波士顿设立的研发中心正式投入运营。



波士顿研发中心是绿叶生命科学继新泽西研发中心...</span>
                                               </div>
                                               <div class="jd_content3">
                                                   <span><a href="#">阅读全文&nbsp;&gt;&gt;</a></span>
                                               </div>
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </li>
                   </ul>
                   <ul class="list-focus">
                       <li class="active"></li>
                       <li></li>
                       <li></li>
                   </ul>
               </div>
           </div>
        </div>
        <div class="card">
          <div class="container">
              <div class="card-header">
                  <h3>媒体中心</h3>
              </div>
              <div class="card-body">
                  <ul class="media-center">
                      <li class="col-sm-3">
                          <div class="media-head">
                              新闻动态 | Sep 18
                          </div>
                          <div class="media-title">
                              平安绿叶携手搭建高端产融交流平台 共谋大健康产业国际化一体化发展之路
                          </div>
                          <div class="media-content">
                              9月15日，由平安银行牵头主办、平安证券、绿叶生命科学集团联合主办、2017年度中国健康产业最重量级的领袖论坛之一—&mdash...
                          </div>
                          <div class="media-foot">
                              <span><a href="#">阅读全文&nbsp;&gt;&gt;</a></span>
                          </div>
                      </li>
                      <li class="col-sm-3">
                          <div class="media-head">
                              新闻动态 | Sep 18
                          </div>
                          <div class="media-title">
                              平安绿叶携手搭建高端产融交流平台 共谋大健康产业国际化一体化发展之路
                          </div>
                          <div class="media-content">
                              9月15日，由平安银行牵头主办、平安证券、绿叶生命科学集团联合主办、2017年度中国健康产业最重量级的领袖论坛之一—&mdash...
                          </div>
                          <div class="media-foot">
                              <span><a href="#">阅读全文&nbsp;&gt;&gt;</a></span>
                          </div>
                      </li>
                      <li class="col-sm-3">
                          <div class="media-head">
                              新闻动态 | Sep 18
                          </div>
                          <div class="media-title">
                              平安绿叶携手搭建高端产融交流平台 共谋大健康产业国际化一体化发展之路
                          </div>
                          <div class="media-content">
                              9月15日，由平安银行牵头主办、平安证券、绿叶生命科学集团联合主办、2017年度中国健康产业最重量级的领袖论坛之一—&mdash...
                          </div>
                          <div class="media-foot">
                              <span><a href="#">阅读全文&nbsp;&gt;&gt;</a></span>
                          </div>
                      </li>
                      <li class="col-sm-3">
                          <div class="media-head">
                              新闻动态 | Sep 18
                          </div>
                          <div class="media-title">
                              平安绿叶携手搭建高端产融交流平台 共谋大健康产业国际化一体化发展之路
                          </div>
                          <div class="media-content">
                              9月15日，由平安银行牵头主办、平安证券、绿叶生命科学集团联合主办、2017年度中国健康产业最重量级的领袖论坛之一—&mdash...
                          </div>
                          <div class="media-foot">
                              <span><a href="#">阅读全文&nbsp;&gt;&gt;</a></span>
                          </div>
                      </li>

                  </ul>
              </div>
          </div>
        </div>
        <!--<div class="card">-->
            <!--<div class="container">-->
                <!--<div class="card-header">-->
                    <!--<h3>旗下产业</h3>-->
                <!--</div>-->
                <!--<div class="card-body">-->
                    <!--<div style="display: flex">-->
                        <!--<a class="col-sm-4" style="background: royalblue;display: block">菲博特电子商务有限公司</a>-->
                        <!--<a class="col-sm-4" style="background: red;display: block">菲博特工厂</a>-->
                        <!--<a class="col-sm-4" style="background: #2e6da4;display: block">33333333</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    </div>

</div>
<div class="footer">
    <div class="container">

        <ul class="footer-link col-sm-8">
            <li><span>关于我们</span>
                <div class="list-link">
                    <ul>
                        <li><a href="gywm.php?fid=3947">公司概况</a></li>
                        <li><a href="gywm.php?fid=3948">总裁致辞</a></li>
                        <li><a href="gywm.php?fid=3949">发展历史</a></li>
                        <li><a href="gywm.php?fid=4140">集团架构</a></li>
                        <li><a href="gywm.php?fid=3947">文化理念</a></li>
                        <li><a href="gywm.php?fid=3948">员工风采</a></li>
                        <li><a href="gywm.php?fid=3950">联系我们</a></li>

                    </ul>
                </div>
            </li>
            <li><span>媒体中心</span>
                <div class="list-link">
                    <ul>
                        <li><a href="gywm.php?fid=3947">新闻动态</a></li>
                        <li><a href="gywm.php?fid=3948">媒体报道</a></li>
                        <li><a href="gywm.php?fid=3949">专题报道</a></li>
                    </ul>
                </div>
            </li>
            <li><span>公司产品</span>
                <div class="list-link">
                    <ul>
                        <li><a href="gywm.php?fid=3947">业务领域</a></li>
                        <li><a href="gywm.php?fid=3948">产品展示</a></li>
                    </ul>
                </div>
            </li>
            <li><span>社会责任</span>
                <div class="list-link">
                    <ul>
                        <li><a href="gywm.php?fid=3947">爱心助学</a></li>
                        <li><a href="gywm.php?fid=3948">慈善捐助</a></li>
                        <li><a href="gywm.php?fid=3949">活动支持</a></li>
                    </ul>
                </div>
            </li>
            <li><span>加入我们</span>
                <div class="list-link">
                    <ul>
                        <li><a href="gywm.php?fid=3947">人才战略</a></li>
                        <li><a href="gywm.php?fid=3948">员工成才</a></li>
                        <li><a href="gywm.php?fid=3949">工作机会</a></li>
                    </ul>
                </div>
            </li>
        </ul>
        <div class="qr-code col-sm-4">
            <h3 style="padding: 0 42px">关于我们</h3>
            <ul>
                <li><img src="images/wechat.png" alt=""></li>
                <li><img src="images/wechat.png" alt=""></li>
            </ul>
        </div>

    </div>
    <div class="foot-content">
        Copyright © 启东菲博特电子商务有限公司 沪ICP备08023599号-6
    </div>
</div>
<script src="js/common.js"></script>
<script>
    $('#myCarousel').carousel();
    $('.list-focus li').mouseover(function () {
        $('.list-focus li').removeClass('active');
        $(this).addClass('active');
        var index=$(this).index();
        $('.focus-con li').removeClass('active');
        $('.focus-con').find('li').eq(index).addClass('active');
    })
</script>
</body>
</html>